// 导入 操作store仓库的hook
import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
// 导入 store的state 类型和 dispatch 方法类型
import type { RootState, AppDispatch } from './index';

// 在整个应用程序中使用，而不是简单的 `useDispatch` 和 `useSelector`
// 后面在页面组件中就不再使用 import {useSelector,useDispatch} from 'react-redux'
// 现在导入 import {useAppDispatch,useAppSelector} from  '相对路径';
// useAppDispatch 和 useAppSelector 就是设置完类型的useDispatch 和 useSelector
export const useAppDispatch: () => AppDispatch = useDispatch
export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector



